
$(function () {
    map();
    function map() {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('map_1'));
var data = [
     {name: '路南区', value: 69},
     {name: '路北区', value: 11},
     {name: '古冶区', value: 69},
     {name: '开平区', value: 69},
     {name: '丰南区', value: 69},
     {name: '丰润区', value: 69},
     {name: '曹妃甸区', value: 69},
     {name: '滦南县', value: 69},
     {name: '乐亭县', value: 69},
     {name: '迁西县', value: 69},
     {name: '玉田县', value: 69},
     {name: '芦台经济开发区', value: 69},
     {name: '遵化市', value: 69},
     {name: '迁安市', value: 69},
     {name: '滦州市', value: 69},
     
];

option = {
    
    tooltip : {
        trigger: 'item',
		formatter: function (params) {
              if(typeof(params.value)[2] == "undefined"){
              	  var tmp = "<div><div class='alltitle' style='width:1.8rem'><span class='alltitleFront'>"+params.name+"</span></div>"
              		  +"<div style='margin:3px 0;color:#fff'>采矿："+params.value+"</div>"
              		  +"<div style='margin:3px 0;color:#fff'>选矿："+params.value+"</div>"
              		  +"<div style='margin:3px 0;color:#fff'>水泥："+params.value+"</div>"
              		  +"<div style='margin:3px 0;color:#fff'>混凝土："+params.value+"</div>"
              		  +"<div>";
                
            	  return tmp;
              }else{
              	return params.name + '' + params.value[2];
              }
        },
		backgroundColor: 'rgba(50,50,50,0.7)',
		borderColor: '#fff',
		textStyle: {
		   color: '#fff'
		},
		extraCssText: 'box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);'
    },
  
    series : [
        {
        	type: 'map',
            map: 'tangshan', // 使用注册的地图名称
            data: data,
            symbolSize: function (val) {
                return val[2] / 15;
            },
            label: {
            	emphasis: {
                    show: false
                },
                show: true, // 显示标签
                color: '#fff', // 字体颜色
                fontSize: 10,
        		formatter: '{b}', // 显示区域名称（{b} 是默认的 region name）
        		itemStyle: {
        		      areaColor: '#ffeb3b', // 悬停区域颜色
        		      borderColor: '#333',  // 悬停边框颜色
        		      borderWidth: 2
        		    },
        		    label: {
        		      show: true,
        		      color: '#333' // 悬停标签颜色
        		    }
            },
            roam: false,//禁止其放大缩小
            
            itemStyle: {
                normal: {
                    areaColor: '#4c60ff',  // 地图颜色
                    borderColor: '#002097' // 边界颜色
                },
                emphasis: {
                    areaColor: '#293fff', // 选中后的颜色
                	itemStyle: {
                	      shadowColor: 'rgba(0, 0, 0, 0.8)',
                	      shadowBlur: 15,
                	      shadowOffsetX: 5,
                	      shadowOffsetY: 5
                	    }
                },
                areaColor: '#3288bd',
                borderColor: '#fff',
                borderWidth: 1,
                shadowColor: 'rgba(0, 0, 0, 0.5)',
                shadowBlur: 10,
                show: true,
                // 水平方向阴影偏移
                shadowOffsetX: 5,
                // 垂直方向阴影偏移
                shadowOffsetY: 5,
                
                
            },
        },
    ],
   
};
		
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
        
        
        myChart.on('click', function(params) {
      	  	console.log(params);
      	  	window.location.href = "/index/visual/main2?areaName=" + params.name;

        });
    }
    
    
    
})

